<h3>Edit Contact</h3>
<br/>
<form id="editUser" name="editUser" class="form-horizontal" role="form" ng-controller="UsersController as usersCtrl"
      ng-submit="editUser.$valid && usersCtrl.updateUser(userToModify.id, userToModify.firstName, userToModify.middleName, userToModify.lastName) || usersCtrl.closeAll()" 
      novalidate>      
        
        <div class="form-group col-sm-8" ng-class="{'has-error': !editUser.firstName.$valid && editUser.firstName.$dirty}">
	    	<label for="fistName" class="col-sm-6 control-label">First Name:</label>
			<input class="form-control" name="firstName" type="text" maxlength="20" ng-model="userToModify.firstName" required></br>
	    </div>
		<div class="form-group col-sm-8">
			<label for="middleName" class="col-sm-7 control-label">Middle Name:</label>
			<input class="form-control" name="middleName" type="text" maxlength="20" ng-model="userToModify.middleName"></br>
		</div>
		<div class="form-group col-sm-8" ng-class="{'has-error': !editUser.lastName.$valid && editUser.lastName.$dirty}">
			<label for="lastName" class="col-sm-6 control-label">Last Name:</label>
			<input class="form-control" name="lastName" type="text" maxlength="20" ng-model="userToModify.lastName" required></input></br>
		</div>
		
        <div class="form-group">
		    <div class="col-sm-10">
        		<input ng-disabled="!editUser.$valid" id="btn-login" type="submit" name="add" class="btn btn-success" value="Edit Contact">
        	</div>
		</div>

</form>
